<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
        <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
        <title>APP</title>
        <link rel="stylesheet" type="text/css" href="../css/aui.css" />
        <link rel="stylesheet" type="text/css" href="../css/aui-eg.css" />
        <style>
        	div ul li div label{
        		color:#2980B9;
        	}
        </style>
    </head>
    <body>
        <div class="aui-content">
            <ul class="aui-list-view">
                <li onclick="open_panel('modal_header')" class="aui-list-view-cell">
                    <div class="aui-arrow-right">头部下拉菜单 - <label>微博</label></div>
                </li>
                <li onclick="open_panel('modal_select')" class="aui-list-view-cell">
                    <div class="aui-arrow-right">筛选下拉菜单 - <label>饿了么</label></div>
                </li>
                <li onclick="open_panel('modal_body')" class="aui-list-view-cell">
                    <div class="aui-arrow-right">body弹出菜单 - <label>select替代</label></div>
                </li>
                <li onclick="open_panel('modal_footer')" class="aui-list-view-cell">
                    <div class="aui-arrow-right">底部弹出菜单 - <label>36kr</label></div>
                </li>
                <li onclick="open_panel('new_flow')" class="aui-list-view-cell">
                    <div class="aui-arrow-right">瀑布流 - <label>new</label></div>
                </li>
                <li onclick="open_panel('accordion')" class="aui-list-view-cell">
                    <div class="aui-arrow-right">折叠面板- <label>MUI</label></div>
                </li>
                <li onclick="open_panel('iconfont')" class="aui-list-view-cell">
                    <div class="aui-arrow-right">iconfont- <label>MUI</label></div>
                </li>
                <li onclick="open_panel('alert')" class="aui-list-view-cell">
                    <div class="aui-arrow-right">弹出优化- <label>AUI</label></div>
                </li>
               <!-- <li class="aui-list-view-cell">
                    <div class="aui-arrow-right">头部变换新闻 - <label>产品经理</label></div>
                </li>
                <li class="aui-list-view-cell">
                    <div class="aui-arrow-right">滑动变换新闻 - <label>36kr</label></div>
                </li>
                <li class="aui-list-view-cell">
                    <div class="aui-arrow-right">左侧滑动筛选 - <label>天猫</label></div>
                </li>-->
            </ul>
        </div>
    </body>
    <script type="text/javascript" src="../script/api.js"></script>
    <script type="text/javascript" src="../script/aui-eg.js"></script>
    <script type="text/javascript">
        apiready = function() {
            api.parseTapmode();
        };
        function open_panel(winName) {
            api.openWin({
                name : winName+"_win",
                url : winName + '_win.html',
                delay : 300
            });
        }
    </script>
</html>